@charset "utf-8";
/*
 *懒人CSS Bate V0.10
 *作者：懒人建站 http://www.51xuediannao.com/
 *2015-02-04———
*/
/*---------各种形式的提示（非必需）---------*/

/*注释说明*/
.bl-notes { line-height:1.75; margin: 20px 0;	padding: 8px 30px 8px 16px; border-left: 5px solid #eee;}
.bl-notes-danger {background-color: #fcf2f2;border-color: #dFb5b4;}
.bl-notes-warning {background-color: #fefbed; border-color: #f1e7bc;}
.bl-notes-info {background-color: #f0f7fd;border-color: #d0e3f0;}
.bl-notes em{ color: #B94A48;}

/*警告*/
.bl-alert {padding: 16px 26px 16px 16px; *padding-top: 8px; border: 1px solid transparent; /*border-radius: 4px;*/ position: relative; line-height: 1.75;}
.bl-alert p { margin-top:8px;}
.bl-alert p:first-child,.bl-alert p:nth-of-type(1){ margin-top:0;}
.bl-alert a{ text-decoration:underline; font-weight:700;}
.bl-alert .fn-btn{ text-decoration: none;}

.bl-alert .fn-close{ position:absolute; top:6px; right:6px; font-size:18px;}
.bl-alert .close{ color:#999; position:absolute; right:0; top:0; padding:4px; cursor:pointer;}
.bl-alert .close:hover{ color:#DE1618;}
.bl-alert .h{ font-size: 110%; line-height: 1;}

.alert-brd{border-color:#ddd;}
.alert-primary{ background:#EEE2F8;		border-color:#EEE2F8;}

.alert-gray{ background:#f6f6f6;		border-color:#E8E8E8;}

.alert-warning{ background:#FDFAE7; color:#FF7C00; 	border-color:#DCD7AD;}
.alert-success{ background:#DFF0D8;	color:#468847;	border-color:#B5DCA5;}

.alert-nobrd{ border:none; padding-left: 0; padding-right: 0;}
.alert-inset{border:none; border-bottom:1px solid #E8E8E8;}

.alert-bg-white{ background:#fff;	color:#78bc56;}

/*----tip盒子----*/
/*尖角配置在tool.css中*/
.bl-tip-con,.bl-tip-box a.tip-x{display:inline-block;*display:inline;*zoom:1; vertical-align:top}
.bl-tip-box{ position:absolute; z-index:10000; display:none;	border-radius:4px; box-shadow:0 1px 4px 1px rgba(0, 0, 0, 0.1)}
.hover-show-tip:hover .bl-tip-box{display: block;}
.bl-tip-con{ padding:10px 16px;line-height:1.6; font-size:13px;}
.bl-tip-box .TJ-box,.bl-tip-box .BJ-box{ left:50%; margin-left:-3px;}
.bl-tip-box .LJ-box,.bl-tip-box .RJ-box{ top:50%; margin-top:-5px;}

/*遮罩*/
.mask-T { position: absolute;top:-10px;left: 0;width: 100%;height: 10px;}
.mask-B { position: absolute;bottom:-10px;left: 0;width: 100%;height: 10px;}
.mask-L { position: absolute;top:0;left: -10px;width: 10px;height: 100%;}
.mask-R { position: absolute;top:0;right: -10px;width: 10px;height: 100%;}

/*角的大小和位置	<div class="J-box"><span class="J"></span><i class="J"></i></div>*/
.J-box{               width: 8px;height:8px;}	        /*和角的大小相关*/
.bl-tip-box .J{       border-width:8px;}				/*角的大小*/
.bl-tip-box .TJ-box{  top:-8px;}		                /*和角的大小相关*/
.bl-tip-box .BJ-box{  bottom:-8px;}
.bl-tip-box .LJ-box{  left: -8px;}
.bl-tip-box .RJ-box{  right: -8px;}

/*关闭X*/
.bl-tip-box a.tip-x{ font-size:16px; font-family:simsun; color:#999; font-weight:700; 
	width:20px; height:20px; line-height:20px; margin-top:9px; cursor:pointer;
	position:absolute; top:-8px; right:-2px;
	display:none;}
.bl-tip-box a.tip-x:hover{ color:#000;}
.bl-tip-con .tip-x{ color:#00F; padding:0 4px; cursor:pointer;}

/*皮肤*/
.tip-skin-def {	background-color:#FEF9F3; border:#FEBE7C solid 1px;	} /*tip边框和背景*/
.tip-skin-def .TJ-box span.J{	border-bottom-color:#FEBE7C;}	/*brd*/
.tip-skin-def .TJ-box i.J{		border-bottom-color:#FEF9F3;}
.tip-skin-def .BJ-box span.J{	border-top-color:#FEBE7C;}		/*brd*/
.tip-skin-def .BJ-box i.J{		border-top-color:#FEF9F3;}
.tip-skin-def .LJ-box span.J{	border-right-color:#FEBE7C;}	/*brd*/
.tip-skin-def .LJ-box i.J{		border-right-color:#FEF9F3;}
.tip-skin-def .RJ-box span.J{	border-left-color:#FEBE7C;}		/*brd*/
.tip-skin-def .RJ-box i.J{		border-left-color:#FEF9F3;}
/*灰色皮肤*/
.tip-skin-gray {	background-color:#FAFAFA; border:#ddd solid 1px; } /*tip边框和背景*/
.tip-skin-gray .TJ-box span.J{	border-bottom-color:#ddd;}		/*brd*/
.tip-skin-gray .TJ-box i.J{		border-bottom-color:#FAFAFA;}
.tip-skin-gray .BJ-box span.J{	border-top-color:#ddd;}			/*brd*/
.tip-skin-gray .BJ-box i.J{		border-top-color:#FAFAFA;}	
.tip-skin-gray .LJ-box span.J{	border-right-color:#ddd;}		/*brd*/
.tip-skin-gray .LJ-box i.J{		border-right-color:#FAFAFA;}
.tip-skin-gray .RJ-box span.J{	border-left-color:#ddd;}		/*brd*/
.tip-skin-gray .RJ-box i.J{		border-left-color:#FAFAFA;}	

/*蓝色皮肤*/
.tip-skin-blue {	background-color:#EEF9FF; border:#ACD1E4 solid 1px; } /*tip边框和背景*/
.tip-skin-blue .TJ-box span.J{	border-bottom-color:#ACD1E4;}	/*brd*/
.tip-skin-blue .TJ-box i.J{		border-bottom-color:#EEF9FF;}
.tip-skin-blue .BJ-box span.J{	border-top-color:#ACD1E4;}		/*brd*/
.tip-skin-blue .BJ-box i.J{		border-top-color:#EEF9FF;}	
.tip-skin-blue .LJ-box span.J{	border-right-color:#ACD1E4;}	/*brd*/
.tip-skin-blue .LJ-box i.J{		border-right-color:#EEF9FF;}
.tip-skin-blue .RJ-box span.J{	border-left-color:#ACD1E4;}		/*brd*/
.tip-skin-blue .RJ-box i.J{		border-left-color:#EEF9FF;}

/*tip中的提示*/
.tip-alert{ text-align:center; padding-bottom:10px; }
.tip-alert-con{ padding:6px 12px 0 12px; font-size:14px; font-weight:700;}
.tip-btns{ padding-top:16px;}
.tip-alert .fn-btn{ margin:0 4px;}

.tip-alert,.tip-alert-con a{color:#B94A48;}
.tip-alert .tip-alert-con a:hover{ text-decoration:underline; cursor:pointer;}

/*标签*/
.bl-label {/*padding: .2em .6em .3em .6em;line-height: 1;*/
    display:inline-block; *display:inline;*zoom:1;
    text-align: center;white-space: nowrap;vertical-align: middle;
    font-size: 12px;color: #fff; border: transparent solid 1px;
    /*border-radius: 3px;*/ height: 17px; line-height: 17px; padding:0 6px;}
label.bl-label{cursor: text;}
.bl-label:empty {display: none;}
.bl-label:hover{ color: #fff;}
.label-icon{border-radius: 3px; padding:0; width: 16px;height: 16px; line-height: 16px; margin-left: 2px;}

.bl-label .f-icon{ color: #fff;}
/*.bl-label .f-icon:last-child{ margin-right: -3px;}*/

.label-default { background-color: #999;    border-color: #999;}
.label-default:hover,
.label-default:focus {background-color: #808080;}
.label-primary,.bl-label {background-color: #ff7800;     border-color: #ff7800;}
.label-primary:hover,.bl-label:hover
.label-primary:focus,.bl-label:focus {
    background-color: #f45803;}
.label-success {background-color: #5cb85c;border-color: #5cb85c;}
.label-success:hover,
.label-success:focus {
    background-color: #449d44;}
.label-info {background-color: #5bc0de;border-color: #5bc0de;}
.label-info:hover,
.label-info:focus {
    background-color: #31b0d5;}
.label-warning {background-color: #f0ad4e;border-color: #f0ad4e;}
.label-warning:hover,
.label-warning:focus {
    background-color: #ec971f;}
.label-danger,.label-error {background-color: #d9534f;border-color: #d9534f;}
.label-danger:hover,
.label-danger:focus,
.label-error:hover,
.label-error:focus{
    background-color: #c9302c;
}
.label-brd{ background-color: #fff;    border-color: #ddd; color: #666;}
.label-brd:hover,
.label-brd:focus,
.label-brd:hover,
.label-brd:focus{
    background-color: #fff;    border-color: #ddd; color: #666;
}
.label-brd .f-icon{ color: #999;}

.label-blank{background-color: #fff;    border: transparent solid 1px; color: #666;}
.label-blank:hover,
.label-blank:focus,
.label-blank:hover,
.label-blank:focus{
    background-color: #fff;    border-color: #ddd; color: #666;
}
.label-blank .f-icon{ color: #999;}

.label-brd-red{ background: #fff;color: #f45803; border: 1px dotted #f45803;}
.label-brd-red:hover{color: #f45803;}


/*信息提示 notify*/
.notify-wrap:empty{ display: none;}
.notify-wrap{position: fixed; top:0; left: 0; z-index: 90000;
    width: 100%; height: 0; text-align: center;        display: none;}
.notify-wrap-mask{height: 100%; background-color: rgba(0,0,0,.1);}

.bl-notify{margin: 94px 2px 0 2px;display: inline-block;*display: inline;zoom:1;}
.bl-notify .notify-con{/*height: 100%;*/  display: inline-block;*display: inline;*zoom:1;
    position:relative;/*top:12px;*/
    padding:16px 24px;  margin-bottom:2px;
    color: #fff; font-size: 18px;}
.bl-notify .notify-inner{position:relative;z-index: 2;}
.notify-mask{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;
    background-color: #000;opacity:0.8;	filter:alpha(opacity=80); border-radius:4px;}

/*.bl-notify > div:before{font-family: "fontello";line-height: 1em; font-size:26px; margin-right:6px;}
.notify-success:before{ content: '\e814';   *//*color: #468847;*//*}
.notify-error:before{   content: '\e813';   *//*color: #DD1144;*//*}
.notify-loading:before{   content: '\e807';   *//*color: #DD1144;*//*}*/

.bl-notify .f-icon{display: none;font-size:24px; margin-right:6px; vertical-align: -2px;}
.bl-notify .notify-success .success{display: inline;}
.bl-notify .notify-error .error{display: inline;}
.bl-notify .notify-loading .loading{display: block;float: left;}

/*loading*/
.loading-wrap{ padding:30px; text-align: center; color: #999; font-size: 16px;}
.ficon-loading{ margin-right: 0.3rem; vertical-align:middle;}

/*无数据提示*/
.bl-nodata,.bl-nodata a{font-size:12px;
    font-family:'Microsoft YaHei UI','Microsoft YaHei',DengXian,SimSun,'Segoe UI',Tahoma,Helvetica,sans-serif;}
.bl-nodata{ text-align:center;margin:50px auto 50px;
    line-height:1.75; color:#666;clear: both;}
.bl-nodata a{ color:#ff7800; text-decoration:underline}
.bl-nodata p{ margin-bottom:4px;}
.bl-nodata .h{ font-size:18px; margin-bottom:10px; color:#666; font-weight:100;}
/*其中的图标*/
.bl-nodata .f-icon{ font-size: 140%;}
.bl-nodata .ficon-tip{ font-size: 32px; vertical-align:middle; top: -4px; position: relative; margin-right: 6px;}
.bl-nodata .ficon-muted{	color:#b0b0b0;}	       /*弱化*/
.bl-nodata .ficon-primary{	color:#428BCA;}	/*主要*/
.bl-nodata .ficon-warning{	color:#C09853;}	/*警告*/
.bl-nodata .ficon-danger{	color:#b94a48;}	   /*危险*/
.bl-nodata .ficon-error{	color:#fa7d00;}	   /*错误*/
.bl-nodata .ficon-info	{	color:#3A87AD;}	/*信息*/
.bl-nodata .ficon-success{ color:#468847;}	    /*成功*/

.nodata-brd{border:#ddd solid 1px;}
.nodata-dotbrd{border:#ccc dashed 1px;}

.nodata-text{ text-align:center; padding:50px; line-height:1.75; background-color:#fff; background-image:none;}
.nodata-text .h{ font-size:20px; margin-bottom:16px; font-weight:100;}

.bl-nodata .btns{ padding-top:40px;}
.bl-nodata .fn-btn{ border:none; padding:8px 24px;color:#fff; text-decoration:none}
.bl-nodata .fn-btn .f-icon{ margin:0 6px;}

.nodata-imgtext{ width:auto!important;	background-color:#fff; padding:150px 0;text-align: center;}
.nodata-imgtext-small{ padding: 50px 0;}
.nodata-imgtext-smaller{ padding: 20px 0;}
.nodata-imgtext,.nodata-imgtext a{ font-size: 14px;}
.nodata-imgtext,.nodata-imgtext .nodata-con{ overflow:hidden; *zoom:1;}
.nodata-imgtext .nodata-img,.nodata-imgtext .nodata-con{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.nodata-imgtext .nodata-img{ margin-right:16px;}
.nodata-imgtext .nodata-con{ color:#000; line-height:1.75; text-align: left;}
.nodata-imgtext .nodata-img img{ width: 80px;}
.nodata-imgtext .h1{ font-size:18px; margin-bottom: 12px; line-height: 1.2;font-weight: 400;}

.nodata-imgtext-ver{ padding: 40px 0; }
.nodata-imgtext-ver .nodata-img{ display: block; margin-right: 0; margin-bottom: 20px;}
.nodata-imgtext-ver .nodata-img img{ width: 90px;}
.nodata-imgtext-ver .nodata-con{text-align: center;}

.nodata-tl{ text-align:left;}
table .bl-nodata,table .nodata-text{ background-color:transparent;}
table .bl-nodata,table .nodata-text,table .bl-nodata a,table .nodata-text a{font-size:20px;}

.nodata-noimg{ padding:20px; background-image:none;}
.bl-nodata .fs-big{ font-size: 18px;}
.bl-nodata .fs-small{ font-size: 14px;}


.num-tip-num{ background-color:#DD1144;	color:#fff; white-space: nowrap;
    line-height: 1; font-size: 10px; padding: 2px 3px; border-radius: 4px;
    display:inline-block; *display: inline;*zoom:1; vertical-align: middle;
}
.num-tip-dot{
    width:8px; height:8px;
    background-color:#DD1144;
    line-height:0; font-size:0; border-radius:100%;
    display:inline-block; *display: inline;*zoom:1;
    vertical-align: middle;
}
.num-tip-sup{position: absolute; right: 0; top: 0;}

.btn-group .fn-btn{ position: relative}
.btn-group .fn-btn .num-tip-num{ position: absolute; right: 0; top: -10px;}
.btn-group .fn-btn .num-tip-dot{ position: relative; top: -8px;}


/*标签块*/
.tag-block{overflow: hidden;*zoom:1;}
.tag-block li{ float: left; height:22px; margin-right: 6px; margin-bottom: 6px; line-height: normal;
    border: 1px solid #bbb; background: #fff; color: #a9a9a9;*white-space: nowrap;
}
.tag-block .ico{margin-right: 0; width: 22px; text-align: center; background-color: #bbb; color: #fff; }
.tag-block i,.tag-block span{ vertical-align: top; height: 100%; line-height: 22px; }
.tag-block .txt{ display: inline-block;*display: inline; *zoom:1; padding:0 6px; font-size: 12px;}

/*皮肤*/
.tag-block .skin-blue1 {  border-color: #82A1BB; background-color: #F2F9FE; color: #6c879e;}
.tag-block .skin-blue1 .ico{ background-color: #82A1BB;}

.tag-block .skin-green1{         border-color: #4DB500;  background-color:#FAFAFA; color: #588C31;}
.tag-block .skin-green1 .ico{    background-color: #4DB500;}

.tag-block .skin-green2{         border-color: #86C7A2;  background-color:#F2FFF8; color: #57846A;}
.tag-block .skin-green2 .ico{    background-color: #86C7A2;}

.tag-block .skin-orange1{         border-color: #f26600;  background-color:#FAFAFA; color: #EE552A;}
.tag-block .skin-orange1 .ico{    background-color: #f26600;}

.tag-block .skin-yellow1{         border-color:#FFA422;  background-color:#FFF9F1; color: #A16816;}
.tag-block .skin-yellow1 .ico{    background-color: #FFA422;}

/*----插件样式----*/
/*侧边划出*/
.side-draw{
    position: fixed; top: 0; left: 100%; z-index:10000;height: 100%; bottom: 0;
    /*border-left: #ddd solid 1px;background-color: #fff;*/
    width: 600px;margin-left: 0; display: none;
    /*触发css3动画的硬件加速*/
    -webkit-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
*html .side-draw{position: absolute;}

.side-draw-container{ height: 100%; background-color: #fff; position: relative; z-index: 10;}
.side-draw-head{ height:60px; line-height:60px; border-bottom: #ddd solid 1px; margin-bottom: 16px; position: relative; z-index: 100;}
.side-draw-head .h{ font-size: 22px; font-weight: 100}
.side-draw .fn-close{ position: absolute; top: 8px; right: 10px;
    font-size:46px; font-weight: 100; font-family: simsun}

.side-draw-container{ padding:0 36px 0 30px;}
.side-draw-content{ /*max-height: 650px; overflow: auto*/}
/*划出模块中的内容*/
.side-draw-content{ position: absolute; left: 0; top: 60px; right: 0; bottom: 0; z-index: 90;
    *position:relative;*top:0;}
.side-draw .iframe{ width: 100%; height: 100%;}

.side-draw-mask{ position: absolute; left: 0; right: 0;bottom: 0; top: 0; z-index: 1; background:#000; opacity: 0.5; display: none;}
.draw-close{ width: 20px; height: 100px;line-height:100px; display: block;
    text-align: center;  position: absolute; left:0; top: 50%; margin-top: -50px; z-index: 2;
    font-size: 80px; font-family: simsun; color: #fff;  cursor: pointer; opacity: 0.6;}
.draw-close:hover{ opacity: 1; color: #fff;}
